
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html>
<head>
  <jsp:include page="../head.jsp"/>
  <style>
    .jp-current{
      background: #333;
      color: #FFF;
      margin: 0 2px;
      height: 26px;
      line-height: 26px;
      border-radius: 50%;
      width: 26px;
      text-align: center;
      display: inline-block;
    }
  </style>
</head>
<body>
<div class="ibody">
  <header>
    <div class="logo"><a href="/"></a></div>
  </header>
  <article>
    <div class="bloglist">
      <h2>
        <p><span>推荐</span>文章</p>
      </h2>
      <ul  style="list-style: none;"  id="blogRecommendList">
        <li style="float: left" class="blogs" v-for="item in items2">
          <h3><a href="/">{{ item.title }}</a></h3>
          <ul>
            <p>
              {{ item.content}}
            </p>
            <a :href='/myblog/index/'+item.title target="_blank" class="readmore">阅读全文&gt;&gt;</a>
          </ul>
          <p class="autor"><span>作者：{{ item.createName }}</span><span>分类：【<a href="/">{{ item.category }}</a>】</span><span>浏览（<a href="/">{{ item.readQuantity }}</a>）</span><span>评论（<a href="/">30</a>）</span></p>
          <div class="dateview">{{ item.createTime }}</div>
        </li>
      </ul>
    </div>
    <div id="holder" class="page" >
    </div>

  </article>
  <aside id="rightInfo">
    <div class="avatar" >
      <a href="about.html" style="display: block; padding-top: 100px; width: 160px; background: url(${userInfo.userImg}) no-repeat; background-size: 180px 180px; ">
        <span>${userInfo.name}</span>
      </a>
      .avatar a {  }
    </div>
    <div class="topspaceinfo">
      <h1>清风拂过，皱起一潭清池</h1>
    </div>
    <div class="about_c">
      <p>BlackButterfly</p>
    </div>
    <div class="tj_news">
      <h2>
        <p class="tj_t1">最新文章</p>
      </h2>
      <%--<ul>--%>
        <%--<li><a href="/">犯错了怎么办？</a></li>--%>
      <%--</ul>--%>
      <h2>
        <p class="tj_t2">推荐文章</p>
      </h2>
      <%--<ul>--%>
        <%--<li><a href="/">犯错了怎么办？</a></li>--%>
      <%--</ul>--%>
    </div>
    <div class="links">
      <h2>
        <p>友情链接</p>
      </h2>
      <ul>
        <!--<li><a href="/">杨青个人博客</a></li>-->
        <!--<li><a href="/">3DST技术社区</a></li>-->
      </ul>
    </div>
    <div class="copyright">
      <ul>
        <p> Design by <a href="/">BlackButterfly</a></p>
        <p>蜀ICP备11002373号-1</p>
        </p>
      </ul>
    </div>
  </aside>
  <div class="clear"></div>
  <!-- 清除浮动 --> 
</div>
</body>

<jsp:include page="../foot.jsp"/>
<script src="${pageContext.request.contextPath}/static/blogUser/common/js/jPages.js"></script>
<script src="${pageContext.request.contextPath}/static/blogUser/main/js/index.js"></script>
</html>
